
Ext.onReady(onReadyCall);
var panelusuario;
function onReadyCall()
{
    
      var txtNombres = new Ext.form.TextField({
        id: 'txtNombres',
         fieldLabel: 'Nombres',
        allowBlank:false,
        width:250
    });


       var txtApellidos = new Ext.form.TextField({
        id: 'txtApellidos',
         fieldLabel: 'Apellidos',
        allowBlank:false,
        width:250
    });
 

     var txtEmail = new Ext.form.TextField({
        id: 'txtEmail',
        fieldLabel: 'Email',
        allowBlank:false,
        width:250
    });
   

     var txtComentario = new Ext.form.TextArea({
        id: 'txtComentario',
         fieldLabel: 'Comentario',
        allowBlank:false,
        width:250
    });
     

    // btnLimpiar.render('Divbtnlimpiar');
    panelusuario = new Ext.form.FormPanel({
                xtype: 'panel',
                frame:true,
                region:'center',
                 title: 'Contactenos',
                layout: 'form',
                bodyStyle:'padding:15px 15px 0',
                width: 520,
                items: [
                      {
                        layout:'column',
                        items:[
                        {
                            columnHeight:.10,
                            layout: 'form'
                        }
                         ]
                    } ,
                     txtNombres,
                     txtApellidos,
                     txtEmail,
                     txtComentario
                ],
                   buttons: [{
                    text: 'Enviar',
                    id:'btnEnviar',
                    align: 'center',
                    handler: function()
                    {
                        if(!panelusuario.getForm().isValid())
                        {
                          return false;
                        }
                        var v_Nombres = Ext.get('txtNombres').dom;
                        var v_Apellidos = Ext.get('txtApellidos').dom;
                        var v_Email = Ext.get('txtEmail').dom;
                        var v_Comentario = Ext.get('txtComentario').dom;
                       

                         if(v_Nombres.value =="")
                        {
                            v_Nombres.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }
                         if(v_Apellidos.value =="")
                        {
                            v_Apellidos.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }
                        if(v_Email.value =="")
                        {
                            v_Email.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }

                        if(v_Comentario.value =="")
                        {
                            v_Comentario.focus();
                            Ext.MessageBox.alert('Mensaje', 'Campo incorrecto!.');
                            return false;
                        }
   /**********************************/
     Ext.MessageBox.show({
       msg: 'Guardando los Datos , por favor espere...',
       progressText: 'Guardando...',
       width:300,
       wait:true//,
       //waitConfig: {interval:200}//,
       //icon:'ext-mb-download', //custom class in msg-box.html
       //animEl: 'mb7'
 });



 
    var AddResultItinerarios = new Ext.data.Connection();
    AddResultItinerarios.request({
        url: URLWebService + '/Contactenos',
        params: {
                Nombres:  v_Nombres.value.replace(/^\s*|\s*$/g,""),
                Apellidos:   v_Apellidos.value.replace(/^\s*|\s*$/g,""),
                Email:   v_Email.value.replace(/^\s*|\s*$/g,""),
                Comentario:    v_Comentario.value
                },
        method: 'POST',
        scope: this,
        callback: function(options, success, response){
        if (success){
             Ext.MessageBox.hide();
            var xml = response.responseText;
            var re = /\n/;
            xml = xml.replace(re, '');
            re = /\r/;
            xml = xml.replace(re, '');
            var ObjectRes =  Ext.decode(xml);
           // var ObjectRes= Ext.util.JSON.encode(xml);
            ObjectRes= ObjectRes.MensajeResultado;
            var return_Estado = ObjectRes.ESTADO;
            var return_Mensaje = ObjectRes.MENSAJE ;
            Ext.MessageBox.show({
               title: 'Resultado',
               msg: return_Mensaje,
               buttons: Ext.MessageBox.OK,
               fn: function(){
                if(return_Estado == 1)
                {
                  LimpiarPanel();
                   location.reload();
                }else
                {

                }

               }
           });
      }
      }
    });
   /********************************/
                    }
                    }, {
                    text: 'Limpiar',
                    handler: function(){
                        LimpiarPanel();
                    }
                 }]
            });
             panelusuario.render('Divcontactenos');
}

function LimpiarPanel()
{
    Ext.get('txtNombres').dom.value = "";
    Ext.get('txtApellidos').dom.value = "";
    Ext.get('txtEmail').dom.value = "";
    Ext.get('txtComentario').dom.value = "";
   

}


